{% extends "business/car/car_base.html" %}
{% block title %}审核车源{% endblock %}
{% block head %} 
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-table.min.css') }}">
{% endblock %}
{% block page_content %}
<h1 class="page-header">审核车源</h1>

{{ super() }}

<div class="col-md-12">
    <div class="panel-body" style="padding-bottom:0px;">
	<ul id="myTab" class="nav nav-tabs">
            <li class="active">
		<a href="#review" data-toggle="tab" onclick="setTable('review')">待审核</a>
   	    </li>
            <li>
		<a href="#reject" data-toggle="tab" onclick="setTable('reject')">已拒绝</a>
	    </li>
        </ul>
	<div id="myTabContent" class="tab-content">
	    <div class="tab-pane fade in active" id="review"> 
	    	 <table id="tb_car_review"></table>
	    </div>
	    <div class="tab-pane fade" id="reject"> 
	    	 <table id="tb_car_reject"></table>
	    </div>

	</div>
    </div>
</div>
{% endblock %}
{% block scripts  %}
{{ super() }}
<script src="{{ url_for('static', filename='js/bootstrap-table.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-table-zh-CN.min.js') }}"></script>
<script>

$('#nav_car').attr("class", "");
$('#CarMenu').removeClass('in');
$('#nav_review').attr("class", "active");

$(function () {

    //初始化Table
    var table_review = new TableInit("tb_car_review");
    table_review.Init();
    var table_reject = new TableInit("tb_car_reject");
    table_reject.Init();
});


var TableInit = function (table_id) {
    var oTableInit = new Object();
    //初始化Table
    table = document.getElementById(table_id);
    oTableInit.Init = function () {
        $(table).bootstrapTable({
            url: table_id === "tb_car_review" ? '/business/car/review/get_list/?list_type=review' : '/business/car/review/get_list/?list_type=reject',  //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            showColumns: true,                  //是否显示所有的列
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            columns: [{
		field: 'number',
		title: '车辆ID',
		align: 'center',
	    },{
                field: 'brand',
                title: '品牌',
		align: 'center',
            }, {
                field: 'model',
                title: '名称',
		align: 'center',
            }, {
                field: 'price',
                title: '报价',
		align: 'center',
            }, {
                field: 'owner',
                title: '提交人',
		align: 'center',
            }, {
		field: 'phone',
		title: '联系电话',
		align: 'center',
	    }, {
		field: 'car_type',
		title: '车辆类型',
		align: 'center',
	    }, {
		field: 'area',
		title: '地区',
		align: 'center',
	    }, {
		field: 'submission_date',
	    	title: '提交日期',
		align: 'center',
	    },{
                field: 'operate',
                title: '操作',
                align: 'center',
                formatter: table_id === "tb_car_review" ? operateFormatter_review : operateFormatter_reject,
            },]
        });
    };

    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            limit: params.limit,   //页面大小
            offset: params.offset,  //页码
            number: $("#number").val(),
            start: $("#start").val(),
	    end: $("#end").val(),
	    submitter: $("#submitter").val(),
	    area: $("#area").val(),
            search_type: $("#search_type").val(),
	    tb_name: $("#tb_name").val(),
        };
        return temp;
    };
    return oTableInit;
};

function operateFormatter_review(value, row, index) {
        return [
            '<a class="review" target="_blank" href="/business/car/details/?number=' + row.number + '" title="审核车辆信息">',
            '审核',
            '</a>  ',
        ].join('');
};

function operateFormatter_reject(value, row, index) {
        return [
            '<a class="check" target="_blank" href="/business/car/details/?number=' + row.number +  '" title="查看车辆信息">',
            '查看',
            '</a>  ',
        ].join('');
};

var selected_table = 'review';

var setTable = function(name){
	selected_table = name;
}

var search = function(){
	document.getElementById('tb_name').value = selected_table;
	$("#tb_car_" + selected_table).bootstrapTable('refresh', {'silent': true});
}

</script>
{% endblock %}

